<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<script src="./js/jquery-3.4.1.min.js"></script>
	<script src="./js/main.js"></script>
	<!-- <script src="./js/index.js"></script> -->
	<style>
		#outer {
			border: 1px solid black;
			background-color: gray;
		}

		.inner {
			width: 50px;
			height: 50px;
			line-height: 50px;
			border: 1px solid black;
			margin: 10px;
			text-align: center;
		}

	</style>
</head>
<body>
	<div id="outer">
		<div class="inner inner1">1</div>
		<div class="inner">2</div>
		<div class="inner">3</div>
	</div>
	<div id="box2">
		<p>段落一</p>
		<p>段落二</p>
		<p>段落三</p>
		<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Officia possimus eos asperiores. Sint soluta, voluptates, commodi obcaecati, ducimus ex explicabo voluptatum quibusdam quae earum voluptatem porro illo dolor velit libero reiciendis blanditiis enim saepe id doloribus esse minus fugiat repellendus asperiores. Aliquam odio, in at, nobis soluta reprehenderit, atque culpa repudiandae maxime dignissimos ex consequatur impedit quis cupiditate error quia nostrum debitis quibusdam autem accusantium non delectus quaerat obcaecati iusto. Commodi similique recusandae exercitationem quas hic ipsum harum neque explicabo eos maxime officia, vitae ullam quis rerum nam sequi dolores saepe nemo quidem odio accusantium assumenda, placeat nobis. Ut mollitia debitis corporis tenetur dolorum eos omnis dolores suscipit quod, id ratione recusandae, quas harum quam cum optio a illo. Ratione esse ea, asperiores repudiandae eligendi nesciunt totam minima itaque enim? Expedita quisquam, ratione, iusto officiis iste corporis esse mollitia, repellat veritatis libero pariatur vel maiores quas atque sunt magni vitae enim in adipisci a. Voluptatibus, commodi iure aliquam culpa facilis officia aliquid, fugit eum ut maxime ducimus sequi cum qui libero, repudiandae natus enim assumenda! Amet iure ullam, modi veritatis laudantium aut, enim accusantium culpa ab officia soluta eligendi sequi, est consequuntur corrupti fugit. Architecto dolores consequuntur dolorem amet voluptatum obcaecati repellat deleniti perspiciatis recusandae laboriosam unde facilis tenetur earum tempore nulla fugit aliquam saepe, provident ea, repellendus, iusto consequatur odit mollitia quod! Hic delectus voluptas nisi asperiores mollitia quaerat assumenda eveniet expedita ab tempora deleniti quibusdam laboriosam, sequi cumque veritatis rem debitis aliquam, qui recusandae quam, illum minima numquam animi neque! Architecto, totam ipsum ab optio tempore dolore possimus animi vel nulla voluptatum at facilis necessitatibus rerum. Quisquam, sapiente? Aut deleniti ratione nam libero vitae temporibus perferendis asperiores id, molestias aspernatur quisquam. Rem numquam, vitae quidem a provident debitis commodi tenetur incidunt, illum aut quia officiis, delectus ullam eius nesciunt cupiditate reiciendis quae magnam nihil vero placeat quis veritatis consequatur porro. Architecto suscipit pariatur provident iure ex, accusamus beatae exercitationem sit velit, mollitia adipisci optio dolorum ipsum expedita obcaecati corrupti enim quibusdam officia doloribus facilis voluptas molestiae porro fugiat! Corrupti facere a minus, quod facilis repellat quia deleniti blanditiis dicta eveniet, nulla distinctio maxime velit autem reprehenderit ipsa magnam veniam voluptate, rem pariatur cupiditate ratione explicabo! Illo, debitis perferendis a aut hic suscipit, harum velit deserunt dolorum temporibus eveniet assumenda aspernatur? Dignissimos soluta error hic nam quam quasi vitae tenetur voluptate! Totam reiciendis dolor consequuntur nulla harum, aliquid, commodi pariatur tempora voluptatibus eaque vitae quo quidem asperiores placeat tenetur ab quia atque cum sapiente explicabo qui, nesciunt veniam unde! Est debitis minima veniam ad, autem fuga aperiam fugit totam consectetur, magni necessitatibus at animi. Incidunt magni voluptatibus ab impedit aut quaerat. Quisquam obcaecati id minima, quas fugit harum animi repudiandae ipsum debitis alias autem cupiditate excepturi rem. Ratione blanditiis beatae ullam accusantium qui sint odio sapiente officiis adipisci consequatur quam repudiandae illo excepturi nihil, omnis architecto deleniti eligendi neque ea repellat unde nobis amet? Perspiciatis ratione obcaecati hic modi aspernatur, quas provident? Vitae molestiae nobis vero neque itaque nisi quas praesentium, ex consectetur quasi modi dolor quod tenetur fugit? Perspiciatis tenetur saepe ducimus maiores soluta quam voluptate magni inventore praesentium nulla, temporibus qui, iure atque aliquam odit veniam id! Molestias impedit fugit, adipisci corporis corrupti est rerum illo nisi, odio, provident quam voluptatibus. Itaque libero maiores rerum repudiandae blanditiis quia architecto ipsam mollitia, nam placeat, voluptas ratione alias pariatur! Dolorum facilis quam ratione ut, nostrum placeat veniam dolor nihil ad nobis aliquam omnis est numquam beatae adipisci libero ipsa praesentium totam dolorem. Explicabo dolore nulla totam, dignissimos, numquam hic facilis esse, eligendi laboriosam dolor quae fugiat ratione sed eaque veritatis! Facere exercitationem incidunt perspiciatis pariatur, beatae ipsa veritatis dolor voluptatem velit illo repellat. Similique fugiat autem vero dolor dolores voluptatum incidunt vel aliquid beatae aperiam asperiores voluptates dolorem ea illo sequi omnis odio nostrum, exercitationem provident a culpa repellendus maxime. Accusantium iste corporis quos commodi aspernatur, alias molestiae, rerum sit rem sint dolores veniam doloremque vitae obcaecati omnis eum ut in velit earum porro autem voluptas. Facilis excepturi eos velit mollitia cupiditate culpa eius quasi libero soluta amet, nemo ipsam alias quibusdam laudantium nostrum perspiciatis sit quas. Sed, quibusdam exercitationem? Sed numquam consequuntur iste, aspernatur corporis beatae aliquam ut! Nesciunt ratione tempore iure, inventore nisi delectus. Perferendis, earum exercitationem necessitatibus sint eaque a, quis in, fuga sequi repellat magnam nemo explicabo mollitia modi ipsum adipisci aperiam dolor fugit repudiandae neque. Culpa excepturi veritatis animi libero illo sint in rerum molestiae pariatur ab maiores nostrum, perspiciatis, necessitatibus iusto vel assumenda est impedit, voluptatum quidem nam explicabo accusamus eos sapiente? Aliquam suscipit sapiente deleniti vero iusto, aut earum ratione! Quidem nesciunt beatae voluptates nostrum enim sint? Doloribus minus culpa minima nisi rerum alias maxime, possimus accusantium ad qui vel cupiditate laborum deleniti maiores, veniam officiis a dolor eligendi atque libero laboriosam! Iusto consequuntur consectetur quia quisquam consequatur quam debitis quasi repudiandae beatae repellat dicta qui, est aliquam ex atque ea nobis, placeat aperiam. Possimus vero, hic dignissimos tenetur culpa ullam perspiciatis. Eveniet repellendus aliquam eius in. Ab incidunt asperiores quisquam consectetur impedit nobis, iste expedita ipsam, ducimus dolor labore quod voluptatem iusto rem quo non obcaecati dolore aperiam nesciunt repellat tenetur, placeat laboriosam explicabo corporis. Exercitationem ut corporis temporibus distinctio labore nam asperiores veritatis quis, iure facere quod architecto excepturi corrupti tempora doloremque aliquid reprehenderit praesentium accusamus in adipisci, necessitatibus sunt non dolores! Hic ipsam debitis aspernatur quaerat iusto est quidem sint beatae labore voluptas, officiis numquam atque, nobis placeat praesentium! Velit cupiditate nemo harum fuga amet debitis eius temporibus quis qui! Hic ut sapiente quidem magnam dolorem a asperiores, dolores nostrum minima accusamus quisquam nisi cumque ex voluptatum ratione vero in sint amet vitae, odio corrupti placeat assumenda omnis. Incidunt debitis iure consequuntur ad itaque, praesentium facilis adipisci perferendis libero? Earum reprehenderit ipsum voluptatem amet natus explicabo repellendus, autem, tenetur quas porro quam. Voluptates quaerat aliquid, veniam consequuntur velit nihil consectetur fuga esse laboriosam reiciendis. Sapiente autem illo, ex inventore laudantium quisquam, iure, accusantium quos facilis quis similique doloremque officiis?</p>
	</div>
</body>
</html>